<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" 	prefix="s"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>示界港管理平台</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<style type="text/css">
</style>
<script type="text/javascript">
 var g_userId = '<%=session.getAttribute("userId")%>';
</script>
</head>
<body>
<table class="queryTable" >
	<tr>
		<td class="queryTitle" width="60px">发布状态</td>
		<td class="queryContent">
		    <select id="queryPublish" name="queryPublish" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 90px">
	    		<option value="" selected>[不限]</option>
				<option value="0">未发布</option>
				<option value="1">已发布</option>
			</select> 
		</td>
		<td class="queryTitle" width="80px">编组用途</td>
		<td class="queryContent">
			<select id="queryUse" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 90px">
				<option value="" selected>不限</option>
				<option value="0">普通分类</option>
				<option value="1">行业分类</option>
				<option value="10">专题分类</option>
				<option value="20">转场视频</option>
				<option value="21">片头视频</option>
				<option value="22">片尾视频</option>
				<option value="30">背景音乐</option>
			</select> 
		</td>
		<td class="queryTitle" width="60px">模板组ID</td>
		<td class="queryContent">
			<input class="inputText" type="text" style="width:120px" id="queryTsId" />
		</td>
		<td class="queryTitle" width="60px">标题名称</td>
		<td class="queryContent">
			<input class="inputText" type="text" style="width:120px" id="queryTmplTitle" />
		</td>
		<td class="queryTitle" width="60px">用途简介</td>
		<td class="queryContent">
			<input class="inputText" type="text" style="width:120px" id="queryTmplDesc" />
		</td>
		<td class="queryBtnTd">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery()">查询</a>
		</td>
	</tr>
</table>

<table id="tmplSetGrid"></table>

<div id="orderDlg" class="easyui-window" title="" closed="true" style="width:428px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="orderForm"  method="POST">
			<s:hidden name="orderStId" id="orderStId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="orderTable">
				<tr>	
					<td class="queryTitle" width="80px">显示顺序</td>
					<td class="queryContent">
						<s:textfield id="order" name="order" cssClass="inputText easyui-validatebox" data-options="" onkeyup="value=value.replace(/[^\d]/gi,'')" cssStyle="width:250px"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="orderBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doUpdOrder()">确定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUpdOrder()">取消</a>
    </div>
</div>

<div id="editDlg" class="easyui-window" title="" closed="true" style="width:500px;text-align:center; background: #fff;">
	<div border="false" style="padding-left:10px;padding-right:10px">
		<form id="editForm"  method="POST">
			<s:hidden name="editSetId" id="editSetId"/>
			<table border="0" class="queryTable" width="96%" height="auto" style="margin-bottom:0px;" id="editTable">
				<tr>
					<td class="queryTitle" width="80px">【编组名称】</td>
					<td class="queryContent" colspan="2">
						<input class="inputText" type="text" style="width:300px" id="editTmplTitle" />
					</td>
				</tr>
				<tr>
					<td class="queryTitle" width="80px">【编组用途】</td>
					<td class="queryContent" colspan="2">
						<select id="editTmplUse" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px">
							<option value="0">普通分类</option>
							<option value="1">行业分类</option>
							<option value="10">专题分类</option>
							<option value="20">转场视频</option>
							<option value="21">片头视频</option>
							<option value="22">片尾视频</option>
							<option value="30">背景音乐</option>
						</select> 
					</td>
				</tr>
				<tr>
					<td class="queryTitle" width="80px">【编组描述】</td>
					<td class="queryContent" colspan="2">
						<textarea id="editTmplDesc" name="editTmplDesc" rows="5" cols="55" 
						class="inputText easyui-validatebox" style="width:100%;resize:none;" 
						data-options="required:true,validType:['maxLength[180]']"></textarea>
					</td>
				</tr>
				<tr>
					<td class="queryTitle" width="100px" height="100px">【分类图标】</td>
					<td class="queryContent">
						<div style="display:table;text-align:center;height:100px;width:200px">
	        				<span style="display:table-cell;vertical-align:middle" id="setThumb">
	        				</span>
	        			</div>
					</td>
					<td class="queryContent">
						<a class="easyui-linkbutton" id="selImgFile" href="javascript:void(0)" >＋选图</a>
						<hr/>
						<a class="easyui-linkbutton" id="delSelImgFile" onclick="delSelImage()" href="javascript:void(0)" >﹣删图</a>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="editBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doEdit()">确定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelEdit()">取消</a>
    </div>
</div>

<!--模板组 设计模板列表 -->
<div id="tDesignDlg" class="easyui-window" closed="true" style="width:1080px;height:550px;text-align:center; background: #fff;">
		<form id="tDesignForm"  method="POST" style="width:1020px;height:490px;padding-left:10px;padding-right:10px;">
				<s:hidden id="set_id"></s:hidden>
				<s:hidden id="stType"></s:hidden>
				<table class="queryTable" style="margin-top: 2px;">
					 <tr>
						<td class="queryTitle" width="68px"><span style="color:red;">编组ID:</span></td>
						<td class="queryContent" width="68px">
							<span id="tsId" style="width:80px;color: green;" align="center"></span>
						</td>
						<td class="queryTitle" width="68px"><span style="color:red;">编组标题:</span></td>
						<td class="queryContent" width="320px">
							<span id="stTitle" style="width:300px;color: green;" align="center"></span>
						</td>
						<td class="queryBtnTd" rowspan="2">
							<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery5()">查询</a>
						</td>
					</tr>
					<tr>
						<td class="queryTitle" width="68px"><span style="color:red;">模板ID:</span></td>
						<td class="queryContent" width="68px">
							<input class="inputText" type="text" style="width:120px" id="queryTgId" />
						</td>
						<td class="queryTitle" width="68px"><span style="color:red;">模板标题:</span></td>
						<td class="queryContent" width="320px">
							<input class="inputText" type="text" style="width:120px" id="queryTgTitle" />
						</td>
					</tr>
				</table>
				<table id="tDesignGrid"></table>
		</form>
</div>

<!-- 适合的视频设计详情列表 -->
<div id="sViDesignDlg" class="easyui-window" closed="true" style="width:1150px;height:600px;text-align:center; background: #fff;">
	 <div style="padding-left:10px;padding-right:10px;">
	 <form id="sViDesignForm"  method="POST">
		<table class="queryTable" >
			<tr>
				<td class="queryTitle" width="150px" align="center">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok"  onclick="addToTmplSr(1)">添加到分组</a>
				</td>
				<td class="queryTitle" width="50px">VIP</td>
				<td class="queryContent">
				    <select id="queryVideoVip" name="queryVideoVip" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 100px" >
					</select> 
				</td>
				<td class="queryTitle" width="68px">设计模版名</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryTmplName" />
				</td>
				<td class="queryTitle" width="68px">设计模版ID</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryTmplId" />
				</td>
				<td class="queryBtnTd">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery3(1)">查询</a>
				</td>
			</tr>
		</table>
		<div style="width:1100px;height:400px;">
			<table id="sViDesignGrid"></table>
		</div>
		</form>
	</div>
</div>

<!-- 模板组下的 模板列表顺序 -->
<div id="tsrOrderDlg" class="easyui-window" title="" closed="true" style="width:600px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="tsrOrderForm"  method="POST">
			<s:hidden name="tsrDesignId" id="tsrDesignId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="orderTable">
				<tr>	
					<td class="queryTitle" width="80px">显示顺序</td>
					<td class="queryContent">
						<s:textfield id="tsrOrder" name="tsrOrder" cssClass="inputText easyui-validatebox" data-options="" onkeyup="value=value.replace(/[^\d]/gi,'')" cssStyle="width:250px"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="tsrOrderBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="upTsrOrder()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUpdTOrder()">取消</a>
    </div>
</div>

<!-- 设计详情 -->
<div id="sDesignDlg" class="easyui-window" closed="true" style="width:1150px;height:600px;text-align:center; background: #fff;">
	 <div style="padding-left:10px;padding-right:10px;">
	 <form id="sDesignForm"  method="POST">
		<table class="queryTable" >
			<tr>
				<td class="queryTitle" width="120px" colspan="2" rowspan="2" align="center">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok"  style="width:120px;" onclick="addToTmplSr(0)">添加到分组</a>
				</td>
				<td class="queryTitle" width="68px">提纲大分类</td>
				<td class="queryContent">
					<select id="queryTmplType" name="queryTmplType" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" ></select>
				</td>
				<td class="queryTitle" width="68px">提纲中分类</td>
				<td class="queryContent">
					<select id="queryTmplType2" name="queryTmplType2" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" ></select>
				</td>
				<td class="queryTitle" width="68px">提纲小分类</td>
				<td class="queryContent">
					<select id="queryTmplType3" name="queryTmplType3" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" ></select>
				</td>
				<td></td>
			</tr>
			<tr>
				<td class="queryTitle" width="68px">设计模版名</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryDesTmplName" />
				</td>
				<td class="queryTitle" width="68px">设计模版ID</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryDesTmplId" />
				</td>
					<td class="queryTitle" width="50px">VIP</td>
				<td class="queryContent">
				    <select id="queryDesignVip" name="queryDesignVip" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 100px" >
					</select> 
				</td>
				<td class="queryBtnTd">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery4(1)">查询</a>
				</td>
			</tr>
		</table>
		<div style="width:1100px;height:400px;">
			<table id="sDesignGrid"></table>
		</div>
		</form>
	</div>
</div>


<!-- 设置套餐价格   -->
<div id="mealDlg" class="easyui-window" title="" closed="true" style="width:850px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="mealForm"  method="POST">
			<s:hidden name="uitemId" id="uitemId"/>
			<table border="0" class="queryTable" width="96%" height="auto" style="margin-bottom:0px;" id="mealTable">
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="mealBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="updMeal()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelMeal()">取消</a>
    </div>
</div>

<div id="mediaDlg" class="easyui-window" closed="true" style="width:1000px;height:550px;text-align:center; background: #fff;">
	 <div style="padding-left:10px;padding-right:10px;">
	 <form id="mediaForm"  method="POST">
		<table class="queryTable" >
			<tr>
				<td class="queryTitle" width="120px" colspan="2" rowspan="2" align="center">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok"  style="width:120px;" onclick="addToTmplSr(2)">添加到分组</a>
				</td>
				<td class="queryTitle" width="68px">媒体名称</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryMediaName" />
				</td>
				<td class="queryTitle" width="68px">媒体ID</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryMediaId" />
				</td>
				<td class="queryBtnTd">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="queryMedia()">查询</a>
				</td>
			</tr>
		</table>
		<table id="mediaGrid" style="width: 900px;"></table>
	</form>
	</div>
</div>


<div id="tmplOrderDlg" class="easyui-window" title="" closed="true" style="width:600px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="tmplOrderForm"  method="POST">
			<s:hidden name="tmplDesign" id="tmplDesign"/>
			<s:hidden name="itemType" id="itemType"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="orderTable">
				<tr>	
					<td class="queryTitle" width="80px">显示顺序</td>
					<td class="queryContent">
						<s:textfield id="tmplOrder" name="tmplOrder" cssClass="inputText easyui-validatebox" data-options="" onkeyup="value=value.replace(/[^\d]/gi,'')" cssStyle="width:250px"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="tmplOrderBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doEditOrder()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelEditOrder()">取消</a>
    </div>
</div>

<script type="text/javascript" src="${ctx}/js/tg/uploadcom.js"></script>
<script type="text/javascript" src="${ctx}/js/tg/ajaxupload.js"></script>
<script type="text/javascript" src="${ctx}/js/yjx/tmplSetMgr.js"></script>
<script type="text/javascript" src="${ctx}/js/encrypt/encrypted-min.js"></script>
</body>
</html>
